<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <#include "/common_js.html"/>
    <link type="text/css" rel="stylesheet" href="${basePath}/static/css/style.css" />
    <link type="text/css" rel="stylesheet" href="${basePath}/static/css/user/info/style.css" />
    <link type="text/css" rel="stylesheet" href="${basePath}/static/css/user/info/info.css" />
    <link rel="stylesheet" href="${basePath}/static/css/product/product_scroll.css">
    <!--[if IE 6]>
    <script src="${basePath}/static/js/iepng.js" type="text/javascript"></script>
    <script type="text/javascript">
        EvPNG.fix('div, ul, img, li, input, a');
    </script>
    <![endif]-->

    <script type="text/javascript" src="${basePath}/static/js/n_navc.js"></script>



    <#include "/title.html"/>
</head>
<body>
<!--Begin Header Begin-->
<div class="soubg">
    <#include "/top.html"/>
</div>
<div class="top">
    <#include "/logo.html"/>
    <#include "/search.html"/>
    <#include "/buy_car.html"/>

</div>

<#include "/category_navigation.html">

<#assign leftMenuName = "myIndex">

<!------------main---------------->
<div class="main">
    <div class="current-position">
        <h2>
            <a href="${basePath}/page/user/info">个人中心</a>
            &gt;
            <a href="#">我的主页</a>
        </h2>
    </div>
    <div class="user-content">

        <div class="user-menu">
            <#include "/user/info_left.html"/>
        </div>

        <div class="user-right">
            <div class="personal-tou">
                <div class="user-header"><img src="${userVO.httpHeadSculpture!''}" width="90" height="90"><i></i></div>
                <div class="personal-info">
                    <h2>${userVO.nickName!''}<span>${welcomeText!''}</span></h2>
                    <!-----------class-middle普通--class-high较高----class-low较低--------------------->
                    <p>
                        <span>账户安全级别：</span><i class="class-middle"></i><span>普通&nbsp;&nbsp;|</span>
                        <i class="binding"></i><span><a href="#">绑定手机</a>&nbsp;&nbsp;|</span>
                        <i class="binding-not"></i><span><a href="#">绑定邮箱</a></span>
                    </p>
                </div>
            </div>

            <div class="info-list">
                <dl>
                    <!--默认显示前5个 -->
                    <dt><h2>未支付订单</h2><a href="#">更多&gt;</a></dt>
                    <dd>
                        <ul class="user-order-list">
                            <li>
                                <a href="#"><img src="${basePath}/static/images/4-2li.jpg" width="60px" height="60px"></a>
                                <p class="user-order-num"><a href="#">订单号：1141124860003088</a></p>
                                <p class="user-order-price"><strong>¥29.00</strong><i>在线支付</i></p>
                                <p class="user-order-price"><a href="#">订单详情</a></p>
                                <p class="user-order-btn"><a href="checkout.html">立即付款</a></p>
                            </li>
                            <li style="border-bottom:none">
                                <a href="#"><img src="${basePath}/static/images/4-2li.jpg" width="60px" height="60px"></a>
                                <p class="user-order-num"><a href="#">订单号：1141124860003088</a></p>
                                <p class="user-order-price"><strong>¥29.00</strong><i>在线支付</i></p>
                                <p class="user-order-price"><a href="#">订单详情</a></p>
                                <p class="user-order-btn"><a href="checkout.html">立即付款</a></p>
                            </li>
                        </ul>
                    </dd>

                    <dt><h2>未收货订单</h2><a href="#">更多&gt;</a></dt>
                    <dd><p class="no-news">您暂时没有未收货订单。<a href="#">挑挑喜欢的商品去»</a></p></dd>

                    <dt><div class="dt-L"><h2>购物车</h2><a href="#">更多&gt;</a></div><div class="dt-R"><h2>收藏夹</h2><a href="#">更多&gt;</a></div></dt>
                    <dd>
                        <!-------购物车------>
                        <ul class="dt-L-div">
                            <li><a href="#"><img src="${basePath}/static/images/4li.jpg" width="60px" height="60px"></a></li>
                            <li><a href="#"><img src="${basePath}/static/images/4-2li.jpg" width="60px" height="60px"></a></li>
                            <p class="no-news hidden">您的购物车是空的，<a href="#">马上去购物~</a></p>
                        </ul>
                        <!-------收藏夹------>
                        <ul class="dt-R-div">
                            <p class="no-news">您可将喜欢的商品放入收藏夹，方便随时再次查看~<br>当商品享优惠时，还会通知您哟~</p>
                        </ul>
                    </dd>
                </dl>
            </div>
        </div>
    </div>


    <#include "/footer.html"/>

</body>



</html>
